﻿.nav-wrap {
    height: 50px;
    position: relative
}

.box-shadow {
    border: 1px solid #eee\9
}

.forum-nav, .gallery-nav, .gallery-detail {
    _border-bottom: 1px solid #eee;
    box-shadow: 0 1px 1px rgba(34, 25, 25, 0.2);
    -moz-box-shadow: 0 1px 1px rgba(34, 25, 25, 0.2);
    -webkit-box-shadow: 0 1px 1px rgba(34, 25, 25, 0.2);
    position: relative;
    _height: 50px
}

.nav-wrap .forum-nav {
    position: absolute;
    width: 100%;
    z-index: 9
}

.forum-nav .nav-bar {
    height: 47px;
    background: #fff;
    border-top: 3px solid #dedede;
    position: relative
}

.forum-nav .nav-bar li {
    float: left;
    margin-top: -3px;
    padding: 10px 0 7px;
    position: relative
}

.forum-nav .nav-bar li .nav-item {
    height: 33px;
    line-height: 16px;
    padding: 0 25px;
    float: left;
    text-align: center;
    border-right: 1px dotted #dedede;
    overflow: hidden
}

.forum-nav .nav-bar li.on {
    background: url(../images/ui/on.png) repeat-x
}

.forum-nav .nav-bar li a {
    float: left;
    color: #555;
    font-weight: bold
}

.forum-nav .nav-bar li a.l-h {
    line-height: 16px
}

.forum-nav .nav-bar li a.trait {
    color: #e26;
    line-height: 16px;
    background: url(../images/ui/trait.png) right 22px no-repeat;
    padding-right: 10px
}

.forum-nav .nav-bar li a.trait:hover {
    color: #e26
}

.forum-nav .nav-bar li h2 a {
    color: #333
}

.forum-nav .nav-bar li a:hover {
    color: #5AD;
    text-decoration: none
}

.forum-nav .nav-bar i {
    position: absolute;
    z-index: 9;
    left: 0;
    top: -3px;
    width: 100%;
    height: 1px;
    opacity: .1;
    filter: alpha(opacity = 10);
    background: #000;
    _display: none
}

.forum-nav .nav-bar .nav-item h2 {
    font-size: 18px;
    font-weight: normal;
    float: left;
    line-height: 33px
}

.forum-nav .nav-bar .nav-item h2 a {
    float: left;
    line-height: 33px;
    font-family: 'Microsoft YaHei', '黑体';
    font-weight: 400
}

.forum-nav .nav-bar .nav-item h2 a:hover {
    float: left;
    line-height: 33px
}

.ilike-s {
    float: left;
    width: 56px;
    height: 21px;
    background: url(../images/ui/button.png) -95px 0 no-repeat;
    text-indent: -999px;
    _margin-right: 20px;
    margin-left: 15px
}

.ilike-brand {
    float: left;
    margin-right: 10px;
    width: 31px;
    height: 30px;
    line-height: 30px;
    padding: 0 12px 0 33px;
    text-align: left;
    color: #fff;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    background-image: url(../images/ui/button.png);
    background-position: 0 -510px;
    background-repeat: no-repeat
}

.ilike-brand:hover {
    background-position: -76px -510px;
    text-decoration: none
}

.ilike-brand:active {
    background-position: -152px -510px;
    text-decoration: none
}

.icomment {
    float: left;
    margin-right: 10px;
    width: 31px;
    height: 30px;
    line-height: 30px;
    padding: 0 10px 0 35px;
    color: #fff;
    font-size: 12px;
    overflow: hidden;
    background-image: url(../images/ui/button.png);
    background-position: 0 -540px
}

.icomment:hover {
    background-position: -76px -540px;
    text-decoration: none
}

.icomment:active {
    background-position: -152px -540px;
    text-decoration: none
}

.pos-l-txt {
    position: absolute;
    right: 10px;
    top: 14px
}

.pos-l-txt a {
    color: #666;
    margin: 0 4px;
    line-height: 2.0
}

.gallery-detail .forum-nav .nav-bar {
    margin-right: 0
}

.gallery-detail .forum-nav .nav-bar li h2 a {
    line-height: 33px
}

.i-forum, .i-status-top, .i-status-bes, .i-status-knowlege, .i-status-ask, .i-status-general {
    background-image: url(../images/ui/icon-forum.png);
    background-repeat: no-repeat;
    text-indent: -500px;
    margin-right: 0;
    width: 16px;
    height: 16px
}

.i-forum {
    overflow: hidden;
    margin-top: -2px
}

.i-status-top {
    background-position: 0 0
}

.i-status-best {
    background-position: 0 -20px
}

.i-status-knowlege {
    background-position: 0 -40px
}

.i-status-ask {
    background-position: 0 -80px
}

.i-status-general {
    background-position: 0 -60px
}

.forum a {
    cursor: pointer
}

.i-d {
    display: block
}

.forum {
    width: 960px;
    margin: 15px auto;
    min-height: 400px
}

.forum-tag {
    width: 935px;
    margin: 0 auto;
    overflow: hidden;
    background: #fff;
    padding: 10px 10px 10px 15px;
    color: #999;
    border-bottom: 1px solid #eee\9;
    box-shadow: 0 1px 1px rgba(34, 25, 25, 0.2);
    -moz-box-shadow: 0 1px 1px rgba(34, 25, 25, 0.2);
    -webkit-box-shadow: 0 1px 1px rgba(34, 25, 25, 0.2)
}

.forum-tag span {
    padding: 0 5px
}

.forum-tag a {
    height: 25px;
    line-height: 25px;
    white-space: nowrap
}

.forum-tag .tag, .forum-tag dl {
    overflow: hidden;
    zoom: 1
}

.forum-tag dt {
    height: 25px;
    line-height: 25px;
    width: 42px;
    float: left
}

.forum-tag dd {
    float: left;
    width: 890px
}

.forum-main {
    float: left;
    width: 715px;
    background-color: #fff
}

.forum-main .forum-title {
    padding: 15px 15px 10px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #d1d1d1
}

.forum-main .forum-title h3 {
    float: left;
    font-size: 18px;
    line-height: 24px
}

.forum-main .forum-title h3 span {
    margin-left: 10px
}

.forum-oper {
    background-color: #f3f3f3;
    height: 35px
}

.forum-oper dl {
    float: left;
    margin: 0 15px 0 15px;
    _margin: 0 8px;
    padding: 10px 0 0 0
}

.forum-oper dl dt {
    float: left;
    padding: 0;
    _padding-top: 2px;
+ padding-top : 2 px
}

.forum-oper dl dd {
    float: left;
    border-right: 1px solid #ddd
}

.forum-oper dl dd a {
    margin: 0 5px
}

.forum-oper dl dd.current a {
    cursor: default;
    color: #666
}

.forum-oper dl dd.current a:hover {
    text-decoration: none
}

.forum-oper dl dd.last {
    border-right: 0
}

.forum-oper form {
    float: right;
    padding-top: 6px;
    margin-right: 0;
    width: 243px
}

.forum-oper form input.txt {
    border: 1px solid #ddd;
    height: 20px;
    line-height: 20px;
    width: 180px;
    float: left;
    font-size: 12px
}

.forum-oper form input.sbl-btn {
    margin-left: 4px;
    margin-top: 1px;
    height: 20px;
    font-size: 12px;
    width: 50px
}

.forum-con table {
    width: 100%;
    color: #666;
    font-weight: 400
}

.forum-con table tr {
    height: 30px
}

.forum-con table td, .forum-con table th {
    border-bottom: 1px dotted #ddd;
    padding: 12px 16px 12px 0
}

.forum-con table th.icon, .forum-con table td.icon {
    padding: 12px 0
}

.forum-con table th.topic, .forum-con table td.topic {
    text-align: left;
    width: 360px;
    padding-left: 0
}

.forum-con table td.topic .ofh {
    font-size: 14px
}

.forum-con table td.top-icon {
    padding: 12px 10px 12px 15px
}

.forum-con table th.anthor {
    text-align: left;
    width: 15%
}

.forum-con table td.anthor a {
    display: block;
    width: 90px;
    color: #333
}

.forum-con table td.anthor a:hover em {
    text-decoration: underline
}

.forum-con table td.anthor a em.ofh {
    max-width: 70px;
    _width: 70px
}

.forum-con table th.top-icon {
    text-align: left;
    padding: 12px 10px;
    width: 16px
}

.forum-con table th.statistics {
    text-align: left;
    width: 12%
}

.forum-con table th.latest {
    text-align: right;
    width: 13%
}

.forum-con table tr.last td {
    border-bottom: 0
}

.forum-con table td.topic span {
    position: relative;
    top: 2px
}

.forum-con table td.topic span a {
    color: #999;
    padding: 1px 2px;
    margin-left: 1px
}

.forum-con table td.topic span a:hover {
    color: #5AD
}

.forum-sidebar {
    float: right;
    width: 230px;
    _overflow: hidden
}

.forum-sidebar .create {
    padding: 0 78px;
    margin-bottom: 10px;
    font-size: 14px
}

.forum-sidebar .box {
    background-color: #fff;
    margin-bottom: 10px;
    clear: both
}

.forum-sidebar .box .hd {
    padding: 15px 0 8px 0;
    margin: 0 10px;
    border-bottom: 1px dotted #ddd
}

.forum-sidebar .box .no-border {
    border-bottom: 0;
    padding-top: 10px
}

.forum-sidebar .box .hd a {
    float: right;
    margin-top: -15px
}

.forum-sidebar .box .bd {
    padding: 0 0 15px 0;
    margin: 0 10px
}

.forum-sidebar .bd ul li {
    line-height: 30px;
    border-bottom: 1px dotted #ddd
}

.forum-sidebar .bd ul.word-list li {
    line-height: 20px;
    padding: 2px 0
}

.forum-sidebar .bd ul li.last {
    border-bottom: 0
}

.user-member li {
    padding: 5px 0 5px 50px;
    line-height: 20px;
    *zoom: 1;
    display: block
}

.user-member li a {
    color: #666
}

.user-member li a.img {
    margin-right: 4px;
    float: left;
    margin-left: -50px
}

.user-member li span {
    display: block;
    color: #999
}

.forum-sidebar .box .user-member li {
    line-height: 20px
}

.forum-latest li a {
    color: #5AD
}

.forum-post {
    padding: 0 15px 15px;
    display: none
}

.forum-post li {
    padding: 10px 25px 5px 60px;
    line-height: 24px;
    position: relative;
    border-bottom: 1px dotted #ddd;
    border-top: 1px dotted #ddd;
    *zoom: 1;
    clear: both;
    margin-top: -1px
}

.forum-post li.first {
    border-top: 0
}

.forum-post li.del {
    float: right;
    padding: 5px 0 5px 5px;
    color: #ccc;
    clear: none;
    border: 0
}

.forum-post p {
    color: #333
}

.forum-post li .p .gray {
    color: #999
}

.forum-post li .time {
    color: #999
}

.forum-post li a.img {
    float: left;
    margin-left: -60px;
    display: block;
    _margin-left: -30px
}

.forum-post .info {
    display: block;
    color: #999;
    margin-top: -4px;
    margin-bottom: 2px
}

.forum-post .info .J_UserAddExperience {
    color: #999
}

.forum-post .post-floor {
    right: 0;
    top: 6px;
    color: #ccc;
    position: absolute
}

.forum-post .oper {
    text-align: right;
    margin: 30px -25px 0 0;
    line-height: 20px
}

.forum-post .oper span {
    display: none
}

.forum-post .oper span a {
    color: #666
}

.forum-post .post-reply {
    background-color: #fafafa;
    padding: 10px;
    position: relative;
    margin-right: 100px;
    margin-bottom: 8px
}

.forum-post li.first .post {
    font-size: 14px
}

.forum-post .i-forum {
    margin: -5px 2px 0 0
}

.forum-admin-oper dl dt {
    display: none
}

.forum-create, .forum-lover {
    background-color: #fff
}

.forum-create ul, .forum-lover ul {
    padding: 5px 15px 15px 15px;
    overflow: hidden
}

.forum-create h3, .forum-lover h3 {
    font-size: 14px;
    margin: 20px 0 0 30px;
    border-bottom: 1px dotted #ddd;
    line-height: 50px
}

.forum-create .oper input {
    margin-right: 20px
}

.forum-create li {
    clear: both;
    margin-top: 15px
}

.forum-create li label {
    float: left;
    line-height: 32px;
    width: 78px;
    text-align: right
}

.forum-create li label.no-float {
    float: none;
    margin-right: 10px
}

.forum-create li label.no-float input {
    margin-right: 4px
}

.forum-create li .b-input, .forum-create li .b-textarea {
    width: 590px
}

.forum-create li .b-textarea {
    height: 295px;
    line-height: 23px
}

.forum-create li.oper {
    padding-left: 78px;
    width: 616px
}

.forum-create li .bbl-btn {
    width: 90px
}

.forum-create .guang-editor-wrap {
    width: 616px;
    float: left
}

.forum .last {
    border-bottom: 0
}

.forum .no-forum-post {
    line-height: 120px;
    text-align: center;
    position: relative;
    font-size: 16px;
    font-weight: bolder;
    padding-top: 50px;
    padding-bottom: 200px
}

.forum .no-forum-post img {
    position: absolute;
    right: 30px
}

.forum-lover li {
    float: left;
    width: 140px;
    margin: 10px 10px 10px 20px;
    white-space: nowrap
}

.forum-no-data {
    text-align: center;
    line-height: 100px;
    background-color: #fff;
    font-size: 16px;
    font-weight: bolder;
    margin-top: 15px
}

.forum .pagin {
    margin: 20px
}

.form-cmt {
    padding: 20px
}

.form-cmt a {
    color: #666
}

.form-cmt .post-reply {
    margin-top: 8px
}

.form-cmt .post-reply blockquote {
    padding: 8px 10px;
    margin: 0 0 8px 0;
    background-color: #fafafa;
    margin-right: 180px;
    position: relative;
    line-height: 24px
}

.form-cmt .post-reply blockquote .close {
    position: absolute;
    right: 15px;
    top: 10px
}

.form-cmt .post-reply .time {
    color: #999
}

.form-cmt .bbl-btn {
    padding-left: 30px;
    padding-right: 30px
}

.form-cmt .b-textarea {
    margin-bottom: 5px;
    width: 600px;
    height: 90px;
    line-height: 23px
}

.form-cmt .error-row {
    margin-left: 0
}

.form-cmt .error-row .error {
    width: 600px
}

.post-edit-form .error-row {
    margin-bottom: 0;
    margin-top: 20px
}

.post-edit-form .error-row .error {
    width: 605px
}

.forum .wordbreak {
    word-wrap: break-word;
    word-break: break-all;
    overflow: hidden
}

.forum-sidebar .wordbreak {
    max-height: 30px;
    height: 16px;
    line-height: 16px;
    display: block;
    width: 160px;
    *width: 155px
}

.forum-con table td .wordbreak {
    max-height: 30px;
    max-width: 310px;
    *max-width: 290px
}

.forum-con table td .wordbreak {
    display: -moz-inline-stack;
    *display: inline;
    zoom: 1;
    margin-left: 3px;
    vertical-align: middle;
    _vertical-align: bottom;
    float: left;
    width: 300 px\9;
    height: 16px;
    line-height: 16px
}

.mod-side {
    position: absolute;
    top: 0;
    right: 0;
    width: 210px;
    padding: 15px 10px 10px;
    background-color: white;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(34, 25, 25, 0.2);
    -moz-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.2);
    -webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.2);
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s
}

.mod-side h3 {
    line-height: 1.2;
    padding-bottom: 8px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #d1d1d1
}

.mod-side h3 a {
    font-weight: normal
}

.mod-side .side-item {
    margin-bottom: 30px
}

.mod-side .side-item ul li.last {
    margin-bottom: 0;
    border: 0
}

.mod-side .discus ul li {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px dotted #d1d1d1
}

.mod-side .discus .pic {
    float: left;
    width: 40px;
    height: 40px
}

.mod-side .discus .pic img {
    width: 40px;
    height: 40px
}

.mod-side .discus p {
    margin-left: 45px;
    width: 165px
}

.mod-side .knowledge ul li, .related ul li {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dotted #d1d1d1
}

.mod-side .knowledge p {
    line-height: 1.1
}

.mod-side .related .img {
    float: left;
    width: 72px;
    height: 100px
}

.mod-side .related .img img {
    width: 72px;
    height: 100px
}

.mod-side .related .info {
    float: right;
    width: 125px
}

.mod-side .related .info .bname {
    color: #333;
    font-weight: bold
}

.mod-side .related .info p {
    line-height: 1.7
}

.mod-side .related .info p.text {
    max-height: 60px;
    _height: 60px;
    overflow: hidden
}

.mod-side .liker {
    margin-bottom: 0;
    width: 210px;
    overflow: hidden
}

.mod-side .liker ul {
    width: 216px
}

.mod-side .liker ul li {
    float: left;
    _display: inline;
    margin: 0 6px 4px 0;
    width: 30px;
    height: 30px
}

.mod-side .liker img {
    width: 30px;
    height: 30px
}

.tag-book-a .cates-list {
    line-height: 20px;
    padding-bottom: 10px
}

.tag-book-a .cates-list h3 {
    float: left
}

.tag-book-a .cates-list ul li {
    float: left
}

.tag-book-a .cates-list ul li a {
    color: #505050;
    padding: 1px 8px;
    margin: 0 2px
}

.tag-book-a .cates-list ul li.cur a {
    color: #e26;
    font-weight: bold
}

.tag-book-a .tag-list h3 {
    float: left;
    margin-top: 17px
}

.tag-book-a {
    width: 230px;
    background-color: #f7f7f7;
    border-top: 0;
    float: left;
    margin-right: 13px
}

.tag-book-a .hd {
    height: 5px;
    background: url(http://static.guang.com/images/ui/tag-book-bg2.jpg) no-repeat 0 0;
    width: 230px
}

.tag-book-a .bd {
    height: 13px;
    background: #fff url(http://static.guang.com/images/ui/card-exit-bg.gif) repeat-x 0 bottom;
    z-index: 3;
    position: relative
}

.tag-book-a .bd .card-exit {
    display: block;
    height: 13px;
    width: 14px;
    margin-left: 101px;
    background: url(../images/ui/card-exit-bg2.gif) repeat-x 0 bottom
}

.tag-book-a .more-tag {
    display: block;
    height: 28px;
    line-height: 28px;
    color: #999;
    cursor: pointer
}

.tag-book-a .tag-list {
    padding: 4px 9px 10px 9px;
    background: #fff url(../images/ui/tag-list-bg2.gif) repeat-x
}

.tag-book-a .sub-tag {
    overflow: hidden
}

.tag-book-a .sub-tag-list {
    width: 210px;
    padding: 4px 10px 10px 10px;
    background-color: #f7f7f7
}

.tag-book-a .sub-tag-list ul {
    background: url(../images/ui/sub-tag.png) repeat-x bottom left;
    padding-bottom: 10px;
    margin-bottom: 5px
}

.tag-book-a .sub-tag-list h3 {
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    font-weight: 700;
    color: #666;
    clear: both
}

.tag-book-a .sub-tag-list li {
    float: left;
    display: inline;
    margin: 8px 8px 0 0;
    white-space: nowrap
}

.tag-book-a .sub-tag-list li a {
    float: left;
    display: block;
    color: #666;
    height: 20px;
    line-height: 20px;
    padding: 0 3px;
    background: #fff;
    border: 1px solid #e8e8e8;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.tag-book-a .sub-tag-list li.focus a {
    background: #ffefd1;
    color: #666;
    border: 1px solid #e8e8e8
}

.tag-book-a .sub-tag-list li.on a {
    background: #5089b9;
    color: #fff
}

.tag-book-a .sub-tag-list li a:hover {
    text-decoration: none;
    border: 1px solid #ccc
}

.tag-book-a .sub-tag-list li.focus a:hover {
    border: 1px solid #ccc
}

.tag-link li {
    margin: 10px 3px 0 3px;
    padding-left: 11px;
    float: left;
    background: url(../images/ui/tag-bg2.png) no-repeat;
    _background: url(../images/ui/tag-bg2-ie6.png) no-repeat;
    cursor: pointer
}

.tag-link li.focus {
    background-position: 0 -100px
}

.tag-link li:hover, .tag-link li.hover {
    background-position: 0 -50px
}

.tag-link li.on, .tag-link li.on:hover {
    background-position: 0 -150px
}

.tag-link li a {
    float: left;
    display: block;
    height: 25px;
    line-height: 25px;
    padding: 0 10px 0 1px;
    color: #333;
    text-decoration: none;
    background: url(../images/ui/tag-bg2.png) no-repeat right -25px;
    _background: url(../images/ui/tag-bg2-ie6.png) no-repeat right -25px;
    white-space: nowrap
}

.tag-link li.focus a {
    background-position: right -125px
}

.tag-link li:hover a, .tag-link li.hover a {
    background-position: right -75px
}

.tag-link li.on a, .tag-link li.on:hover a {
    color: #fff;
    background-position: right -175px
}

.tag-link li a:hover {
    text-decoration: none
}

.tag-book-a .tag-link {
    clear: both;
    overflow: hidden
}

.baobei {
    border: 1px solid #f3f3f3;
    border-bottom: 3px solid #f3f3f3;
    position: relative
}

.baobei .baobei-pic {
    width: 270px;
    height: 270px;
    position: relative;
    float: left;
    overflow: hidden;
    background: url(../images/ui/bg-photo.gif) repeat-y
}

.baobei .baobei-pic a {
    width: 270px;
    height: 270px;
    display: table-cell;
    *display: block;
    vertical-align: middle;
    text-align: center;
    *font-size: 212px;
    *line-height: 1;
    outline: 0
}

.baobei .baobei-pic img {
    max-width: 270px;
    vertical-align: middle
}

.baobei .baobei-pic span {
    opacity: .5;
    padding: 0 5px;
    font-weight: normal;
    font-family: "微软雅黑";
    line-height: 20px;
    color: white;
    position: absolute;
    height: 20px;
    bottom: 5px;
    right: 5px;
    background-color: #000
}

.baobei .baobei-text {
    padding: 0 20px 0 290px;
    background: #FFF
}

.baobei .baobei-text h4 {
    padding-top: 6px;
    line-height: 35px;
    font-size: 16px;
    border-bottom: 1px dotted #d1d1d1;
    color: #333
}

.baobei .baobei-text h4 a {
    color: #333
}

.baobei .baobei-text h4 a:hover {
    color: #5AD;
    text-decoration: none
}

.baobei .baobei-text p {
    line-height: 35px;
    background: url(../images/ui/baobei-text-bg.gif);
    font-size: 12px;
    font-weight: normal
}

.baobei .baobei-text p a {
    color: #333;
    text-decoration: none;
    font-size: 12px;
    font-weight: normal;
    margin-right: 5px
}

.baobei .baobei-text p a:hover {
    color: #5AD;
    text-decoration: none
}

.baobei .baobei-text .stat-box {
    font-size: 12px;
    width: 190px;
    line-height: 30px;
    padding-left: 10px;
    background: #f3f3f3;
    text-align: left;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.baobei .baobei-text .stat-box a {
    color: #333;
    text-decoration: none;
    font-size: 12px;
    font-weight: normal
}

.baobei .baobei-text .stat-box a:hover {
    color: #5AD;
    text-decoration: none
}

.baobei .baobei-text .stat-box span {
    color: #999
}

.ilike-n {
    float: left;
    margin-right: 10px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 31px;
    height: 30px;
    line-height: 30px;
    padding: 0 10px 0 35px;
    color: #fff;
    font-size: 12px;
    overflow: hidden;
    background-image: url(../images/ui/button.png);
    background-position: 0 -510px
}

.ilike-n:hover {
    background-position: -76px -510px;
    text-decoration: none
}

.ilike-n:active {
    background-position: -152px -510px;
    text-decoration: none
}

.baobei-link {
    position: absolute;
    top: 8px;
    right: 8px;
    height: 14px;
    width: 14px;
    background: url(../images/ui/link-icon.gif) no-repeat
}

.form-cmt .guang-editor .baobeiWrap .content .tipbox-up {
    left: 160px
}

.form-cmt .guang-editor .imgWrap .tipbox-up {
    left: 230px
}

.form-cmt .guang-editor .videoWrap .content .tipbox-up {
    left: 285px
}

.square {
    width: 960px;
    margin: 0 auto
}

.square-bar, .square-bar-con {
    width: 608px
}

.gallery-box, .daren, .my-joined {
    width: 290px
}

.square .main {
    margin-bottom: 10px
}

.gallery-logo, ul.dot-tab-title a {
    background-image: url(../images/ui/sceneNav.png)
}

.square .title {
    position: relative
}

.square .title h3 {
    line-height: 30px;
    border-bottom: 1px dotted #ddd;
    margin-bottom: 10px
}

.square .title ul.tab-title {
    padding-bottom: 10px;
    border-bottom: 1px dotted #ddd;
    margin-top: 10px
}

.square .title ul.pl {
    padding-left: 70px
}

.square .title ul.tab-title li {
    float: left;
    border-left: 1px solid #ddd;
    padding: 0 10px;
    position: relative
}

.square .title ul.tab-title li.first {
    border: 0;
    padding-left: 0
}

.square .title ul.tab-title li.last {
    padding-right: 0
}

.square .title ul.tab-title li a {
    float: left;
    display: block;
    cursor: pointer;
    padding-left: 5px;
    height: 16px;
    line-height: 16px
}

.square .title ul.tab-title li a:hover {
    cursor: pointer;
    text-decoration: none
}

.square .title ul.tab-title li.current a {
    color: #333;
    font-weight: bolder
}

.square .title ul.tab-title li.current a:hover {
    text-decoration: none;
    cursor: default
}

.square .title ul.tab-title li.current i, .square .title ul li:hover i {
    display: block;
    position: absolute;
    width: 92%;
    _width: 85px;
    border-bottom: 1px solid #e26;
    bottom: -11px;
    *left: 5px
}

.square .title ul.tab-title li.h a {
    color: #E63
}

.vertical-box {
    padding: 8px 12px 12px 12px;
    *padding: 12px
}

.square-bar {
    padding-bottom: 0;
    height: 322px
}

.square-bar h2 {
    position: absolute;
    font-size: 16px;
    height: 16px;
    font-weight: bolder
}

.square-bar .panels ul {
    float: left;
    width: 270px;
    border-right: 1px dotted #ddd;
    padding: 3px 30px 0 0
}

.square-bar .panels ul.last {
    border-right: 0;
    padding: 3px 0 0 30px
}

.square-bar .panels ul li {
    line-height: 1.8;
    padding: 5px 0;
    border-bottom: 1px dotted #ddd
}

.square-bar .panels ul li.last {
    border-bottom: 0
}

.square-bar .panels ul li span {
    display: block;
    color: #999
}

.square-bar .panels ul li a {
    color: #333;
    font-size: 14px
}

.panels-con .no-data {
    font-size: 16px;
    padding-top: 80px;
    text-align: center
}

.panels-con .no-data a {
    cursor: pointer
}

ul.dot-tab-title {
    float: right;
    margin-top: -30px
}

ul.dot-tab-title li {
    float: left;
    margin-right: 6px;
    width: 7px;
    height: 7px
}

ul.dot-tab-title a {
    display: block;
    width: 7px;
    height: 7px;
    float: left;
    background-position: -13px -600px;
    text-indent: -20px;
    overflow: hidden
}

ul.dot-tab-title li.current a {
    background-position: 0 -600px
}

ul.dot-tab-title a:hover {
    text-decoration: none
}

.gallery-logo {
    display: block;
    width: 80px;
    height: 80px;
    overflow: hidden;
    float: left
}

.gallery-logo-beauty {
    background-position: 0 0
}

.gallery-logo-baby {
    background-position: 0 -100px
}

.gallery-logo-health {
    background-position: 0 -200px
}

.gallery-logo-life {
    background-position: 0 -300px
}

.gallery-logo-travel {
    background-position: 0 -400px
}

.gallery-logo-pet {
    background-position: 0 -500px
}

.gallery-ul li {
    float: left;
    padding: 5px;
    background-color: #f3f3f3;
    margin: 5px 9px 15px 0;
    width: 80px;
    height: 105px;
    _margin: 5px 9px 10px 0
}

.gallery-ul li.last {
    margin-right: 0
}

.gallery-ul li span {
    height: 30px;
    line-height: 30px;
    color: #333;
    text-align: center;
    background-color: #f3f3f3;
    display: block;
    clear: both
}

.gallery-ul li span a {
    color: #333
}

.gallery-ul li a.gallery-name {
    display: block;
    position: absolute;
    bottom: 0;
    width: 80px;
    text-align: center;
    line-height: 30px;
    color: #333
}

.square-bar-con table td .wordbreak {
    width: 280px
}

.daren .daren-panels li {
    zoom: 1;
    clear: both;
    margin-bottom: 10px;
    height: 80px;
    _height: 90px
}

.daren .daren-panels li a:hover {
    cursor: pointer
}

.daren .daren-panels li a.user-img {
    float: left;
    margin-right: 10px
}

.daren .daren-panels li a.user-name {
    color: #333;
    width: 180px;
    overflow: hidden
}

.daren .daren-panels li a.user-name em {
    font-size: 14px;
    display: inline-block;
    max-width: 95px
}

.daren .daren-panels li span.user-desc {
    display: block;
    height: 32px;
    overflow: hidden;
    line-height: 1.4;
    margin: 4px 0;
    color: #999
}

.daren .daren-panels li .followed-btn {
    float: left
}

.my-joined {
    margin-top: 10px
}

.my-joined .panels li {
    line-height: 22px;
    border-bottom: 1px dotted #ddd;
    margin: 5px 0
}

.my-joined .panels li span {
    display: block;
    color: #999
}

.my-joined .panels li a {
    color: #666;
    display: block;
    width: 280px
}

.my-joined img {
    display: inline-block
}

.my-joined .loading {
    margin: 30px auto;
    display: none
}

.my-joined .my-pagin {
    margin-top: 10px
}

.my-joined .my-pagin .disabled {
    color: #999
}

.my-joined .my-pagin .num-box {
    float: left;
    height: 18px;
    line-height: 18px;
    margin: 0 5px;
    padding: 0 5px;
    color: #666;
    font-size: 12px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #bbb
}

.my-joined .no-data {
    padding-top: 0;
    line-height: 100px
}

.music_header {
    height: 280px;
    background: url(../img/event/music/top_bg.png) no-repeat bottom left;
    position: relative;
    _background: url(../img/event/music/top_bg.gif) no-repeat bottom left
}

.music_header p.text {
    color: #f6f6f6;
    line-height: 25px;
    width: 960px;
    text-align: center;
    position: absolute;
    top: 115px
}

.music_header p.tel {
    right: 0;
    width: 150px;
    text-align: right;
    color: #fff;
    float: left;
    position: absolute
}

.music_header p.music {
    width: 622px;
    height: 77px;
    position: absolute;
    top: 30px;
    left: 160px;
    background: url(../img/event/music/music.png);
    _background: 0;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src = "../img/event/music/music.png", sizingMethod = "crop")
}

.music_header p.tel strong {
    color: #e60000
}

.music_header .nva {
    height: 90px;
    width: 950px;
    position: absolute;
    left: 10px;
    bottom: 5px
}

.music_header .nva li {
    height: 90px;
    width: 200px;
    float: left;
    background-image: url(../img/event/music/nva.png);
    background-repeat: no-repeat;
    _background-image: url(../../img/event/music/nvaIE6.gif);
    background-repeat: no-repeat
}

.music_header .nva li a {
    display: block;
    height: 90px;
    text-indent: -999px;
    overflow: hidden
}

.music_header .nva .a1 {
    background-position: 0 0;
    width: 220px
}

.music_header .nva .a1:hover {
    background-position: 0 -1px;
    width: 220px
}

.music_header .nva .a2 {
    background-position: -225px 0;
    width: 240px
}

.music_header .nva .a2:hover {
    background-position: -225px -1px;
    width: 240px
}

.music_header .nva .a3 {
    background-position: -480px 0;
    width: 180px
}

.music_header .nva .a3:hover {
    background-position: -480px -1px;
    width: 180px
}

.music_header .nva .a4 {
    background-position: -666px 0;
    width: 160px
}

.music_header .nva .a4:hover {
    background-position: -666px -1px;
    width: 160px
}

.music_header .nva .a5 {
    background-position: -822px 0;
    width: 150px
}

.music_header .nva .a5:hover {
    background-position: -822px -1px;
    width: 150px
}

.music_header .nva li.on {
    background: #f8fdff;
    color: #333
}

.music {
    background: #84a64f url(../img/event/music/bg.jpg) no-repeat top center
}

.recommend {
    overflow: hidden;
    margin-top: 25px;
    border-top: 1px dotted #ddd;
    padding-top: 10px
}

.recommend h4 {
    height: 14px;
    line-height: 14px;
    color: #666;
    display: block
}

.recommend .seo {
    padding: 10px 0;
    overflow: hidden;
    margin-top: 10px
}

.recommend .seo li {
    height: 15px;
    line-height: 1.1;
    width: 180px;
    border-left: 1px dotted #ddd;
    float: left;
    padding: 6px 0 6px 10px
}

.recommend .seo li.on {
    height: 15px;
    line-height: 1.1;
    width: 179px;
    border-right: 1px dotted #ddd;
    float: left;
    padding: 6px 0 6px 10px
}

.recommend .seo li a {
    color: #666;
    text-decoration: none
}

.recommend .seo li a:hover {
    text-decoration: underline
}

.sort-news {
    border: 1px solid #eaeae1;
    border-bottom-width: 3px;
    background-color: #fff;
    padding-top: 1px;
    padding-left: 1px;
    overflow: hidden
}

.sort-news .bg-f3 {
    background: #f3f3f3
}

.sort-news .bg-fa {
    background: #fafafa;
    width: 0px
}

.sort-news .sprt-piece {
    width: 305px;
    height: 90px;
    float: left;
    padding: 15px 0 15px 13px;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff
}

.sort-news .sprt-img {
    width: 86px;
    height: 87px;
    background: url(../images/ui/sprt-piece.png) no-repeat 0 0;
    padding: 2px 0 0 3px;
    float: left
}

.sort-news .sprt-text {
    width: 210px;
    height: 87px;
    float: left;
    padding-left: 5px
}

.sort-news .sprt-text h3 {
    line-height: 1.2;
    font-size: 16px;
    color: #333;
    padding: 3px 0;
    position: relative;
    display: block
}

.sort-news .sprt-text h3 a {
    color: #333;
    text-decoration: none
}

.sort-news .sprt-text h3 a:hover {
    text-decoration: underline
}

.sort-news .sprt-ico {
    display: none;
    background: url(../images/ui/sort-news.png);
    width: 13px;
    height: 13px;
    float: right;
    position: absolute;
    top: 4px;
    left: 72px
}

.sort-news .sprt-text ul {
    clear: both
}

.sort-news .sprt-text li {
    line-height: 1.8
}

.sort-news .sprt-text li a {
    color: #666;
    text-decoration: none
}

.sort-news .sprt-text li a:hover {
    color: #666;
    text-decoration: underline
}

.music {
    background: #84a64f url(../img/event/music/bg.jpg) no-repeat top center
}

.forum-editor {
    position: relative
}

.forum-editor .share-box {
    position: absolute;
    z-index: 99;
    top: 42px;
    left: 20px;
    width: 676px;
    overflow: hidden
}

.forum-editor .share-con {
    padding: 19px;
    height: 211px;
    *height: 228px;
    background: #f9f9ef;
    border: 1px solid #dedede
}

.share-con .title {
    margin-bottom: 22px;
    padding-bottom: 15px;
    height: 22px;
    line-height: 16px;
    border-bottom: 1px dotted #dedede;
    overflow: hidden;
    position: relative
}

.share-con .title h4 {
    float: left;
    margin-right: 10px;
    font-size: 14px;
    color: #333;
    padding-left: 25px;
    line-height: 16px;
    background: url(../images/ui/correct.png) no-repeat center left
}

.share-con .title .close {
    position: absolute;
    top: 0;
    right: 5px;
    width: 16px;
    height: 16px;
    background: url(../images/ui/close.png) no-repeat;
    color: #999;
    font: 11px "Comic Sans MS"
}

.share-con .title .close:hover {
    color: #5ad;
    text-decoration: none;
    background-position: 0 -16px
}

.share-con .bind-sns {
    width: 510px;
    height: 20px;
    line-height: 20px;
    margin-bottom: 11px
}

.share-con .bind-sns label {
    margin-right: 10px;
    display: inline-block;
    zoom: 1;
    *display: inline;
    overflow: hidden
}

.share-con .bind-sns .bind-opt label {
    padding-left: 20px;
    background-image: url(../images/ui/icons-share.png);
    background-repeat: no-repeat;
    cursor: pointer
}

.bind-sina {
    background-position: 0 -200px
}

.bind-tencent {
    background-position: 0 -278px
}

.share-con .bind-sns .chk-bind {
    border: 0;
    vertical-align: middle;
    vertical-align: 3 px\9;
    *vertical-align: -2px
}

.share-con .share-txa {
    width: 484px;
    height: 54px;
    line-height: 25px;
    padding: 6px 12px;
    background: #fff;
    border: 1px solid #ddd
}

.share-con .act {
    padding-top: 15px
}

.tip-for-oper .unsuccess-text {
    margin-bottom: 10px;
    text-align: center;
    font-size: 14px;
    font-weight: bold
}

.tip-for-oper .goBind {
    margin-left: 70px
}

.share-set {
    float: right;
    *width: 200px;
    line-height: 16px;
    padding-top: 3px;
    *margin-top: -20px
}

.share-set #J_UserSns {
    float: left;
    height: 16px
}

.share-set #J_UserSns a {
    float: left;
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin-right: 5px;
    display: block
}

.tab-hot {
    border-bottom: 1px dotted #d1d1d1;
    padding-top: 8px
}

.tab-hot a {
    float: left;
    display: block;
    height: 17px;
    line-height: 1.1;
    *line-height: 1.2;
    padding: 0 5px 8px;
    *padding: 0 5px 6px;
    font-weight: bold
}

.tab-hot a:hover {
    margin-bottom: -1px;
    text-decoration: none;
    border-bottom: 1px solid #e26
}

.tab-hot a.on {
    margin-bottom: -1px;
    color: #333;
    border-bottom: 1px solid #e26
}

.forum-hot {
    margin-top: 0
}

.tab-con .no-data {
    font-size: 16px;
    padding-top: 80px;
    text-align: center
}

.tab-con-my {
    display: none
}

.forum-hot .tab-con ul {
    padding-top: 1px
}

.forum-hot .item {
    padding: 3px 0;
    border-bottom: 1px dotted #d1d1d1
}

.forum-hot .item h3 {
    line-height: 1.1;
    margin: 3px 0;
    font-size: 14px;
    font-weight: normal
}

.forum-hot .item h3 a, .forum-hot .hot-item h3 a:hover {
    color: #333
}

.forum-hot .item p {
    color: #999
}